<div class="container">
  <div class="top-wrapper">
    <div class="top-left">
      <div class="score">{{$any(seller).score}}</div>
      <div class="title">综合评分</div>
      <div class="rank">高于周边商家{{$any(seller).rankRate}}%</div>
    </div>
    <div class="top-right">
      <div class="service-wrapper">
        <div class="title inline-block">服务态度</div>
        <div class="stars inline-block"><app-stars height="31" offColor="#93999f" onColor="#f90"  [ratio]="$any(seller).serviceScore"></app-stars></div>
      </div>
      <div class="score-wrapper">
        <div class="title inline-block">商品评分</div>
        <div class="stars inline-block"><app-stars height="31" offColor="#93999f" onColor="#f90" [ratio]="$any(seller).score"></app-stars></div>
      </div>
      <div class="delivery-wrapper">
        <div class="title inline-block">送达时间</div>
        <div class="time inline-block">{{$any(seller).deliveryTime}}分钟</div>
      </div>
    </div>
  </div>
  <div class="split"></div>
  <div class="satisfaction">
    <div  class="btns">
      <div (click)="onSatisfy(0,$event)" class="active inline-block btn positive">全部{{$any(ratings).length}}</div>
      <div (click)="onSatisfy(1,$event)" class="inline-block btn positive">满意{{$any(satRatings).length}}</div>
      <div (click)="onSatisfy(2,$event)" class="inline-block btn negative">不满意{{$any(NotSatRatings).length}}</div>
    </div>
    <div class="checkbox">
      <span class="iconfont icon-zhengque" [ngClass]="{'on': isChecked}" (click)="onChecked()"></span>
      <span class="title">只看有评价的内容</span>
    </div>
  </div>
  <div class="rating-wrapper">
    <ul>
      <li *ngFor="let rating of ratingsArr">
        <div  *ngIf="isChecked==true?rating.text!='':true" class="rating-item">
        <div class="avatar inline-block"><img [src]="rating.avatar"/></div>
        <div class="content inline-block">
          <h1>{{rating.username}}</h1>
          <div class="stars-wrapper">
            <app-stars class="stars inline-block" offColor="#93999f" width="90" onColor="#f90"   fontSize="5" [ratio]="rating.score"></app-stars>
            <span class="delivery">{{rating.deliveryTime}}</span>
          </div>
          <p class="text">{{rating.text}}</p>
          <div class="recommend-wrapper" *ngIf="rating.recommend.length!=0">
            <span class="iconfont icon-zan1" *ngIf="rating.rateType == 0"></span>
            <span class="recommend" *ngFor="let rec of rating.recommend">{{rec}}</span>
          </div>
          <div class="rate-time">{{rating.rateTime | date:'yyyy-MM-dd HH:mm:ss'}}</div>
        </div>
        </div>
      </li>
    </ul>
  </div>
</div>
